<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-用户中心</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="style/reset.css" /> 
<link rel="stylesheet" type="text/css" href="style/root.css" /> 
<link rel="stylesheet" href="fonts/font-awesome.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/toogle.js"></script> 
</head>
<body>
   
    <!-- start header -->
      <div id="header">
         <img src="img/logo.png" width="120" height="40" alt="logo" class="logo" />
          <a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back"><img src="img/wechat-button.png" width="17" height="18" alt="icon" /></a>
          <a href="#" class="button create"><img src="img/user.png" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->   
    
    
    <!-- start page -->
    <div class="page">
    
    		
            <div class="simplebox">
            	<h1 class="titleh">我要换芯</h1>
                <div class="content">

                    <h5>当前装机信息</h5>
                    <ul class="list-plus">
                      <li><b>型号：</b> RO-6</li>
                      <li><b>地址：</b> 杭州市下沙九堡相江公寓</li>
                      <li><b>初装日期：</b> 2014 12.12</li>
                    </ul>

                  <!-- start statistics -->
                    <ul class="statistics">
                      <li>一级：sfsdlj<br/>&nbsp;  <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>二级：sdfkjdf ds<br/>&nbsp; <p><span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>三级：dfghhfgtrj<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>四级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>五级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>六级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>七级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>八级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                      <li>九级：erioutrioe43<br/>&nbsp; <p>有效期： <span class="red"><b>12</b>月</span> <br/><span class="blue"><b>2013-03-13</b></span> - <span class="blue"><b>2013-03-13</b></span></p>  </li>
                    </ul>
                  <!-- end statistics -->


                </div>
      </div>
            
            
            
            
            
            
            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->
            
            
            
            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->
            
            
            
    
    <div class="clear"></div>
    </div>
    <!-- end page -->
<script type="text/javascript" src="js/frame.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".agreement").click(function(){
    $(".agreement_content").slideToggle();
  });
});

$("#slideup").click(function(){
  $(".agreement_content").slideUp();
});
</script>
</body>
</html>